<template>
	<div class="header-local border-top">
		<!-- 左 -->
		<div class="local-item border-right">
			<span class="iconfont">&#xe63f;</span>
			<label>广东广州</label>
		</div>
		<!-- 右 -->
		<div class="local-item">
			<span class="iconfont">&#xe719;</span>
			<label>玩水季</label>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.header-local {
		position: relative;
		display: flex;
		width: 100%;
		background-color: white;
	}

	.local-item {
		flex: 1;
		font-size: 0.28rem;
		text-align: center;
		line-height: 1rem;
	}

	.local-item .iconfont {
		margin-right: 0.1rem;
	}
</style>
